﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>协强定制-招标资讯</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/animate.min.css" />
		<!--<link rel="stylesheet" href="css/aos.css"/>-->
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)" />
		<link rel="stylesheet" href="css/phone.css" media="(max-width:619px)" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<script src='js/md5.js'></script>
		<!--<script src='js/aos.js'></script>-->
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src='js/fastclick.js'></script>
		<script src="js/xqjy.js"></script>
	</head>

	<body>
		<div id='app' v-cloak>
			<!--头部-->
			<!--<headers @search='searchHeader'></headers>-->
			<navs @toback='toBackground' :nav-state='navState' :login-state='loginState' :login-info='loginInfo.Name' :bg-img='bgImg'></navs>
			<div class="everyThingCtx">
				<div class="newCtx flew">
					<div class="newCtxNav animated fadeInLeft">
						<ul>
							<li class="cur">
								<a href="">招标信息</a>
							</li>
							<li>
								<a href="">省外标讯</a>
							</li>
							<li>
								<a href="">政府重大工程招标</a>
							</li>
						</ul>
					</div>
					<div class="newsCenter animated fadeInUp">
						<div class="bidsSwiper swiper-container swiper-container-horizontal">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="http://gdxqjs.com/admin"><img src="http://att.gdxqjs.com/ztb/ztb1.jpg"></a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="http://gdxqjs.com/admin"><img src="http://att.gdxqjs.com/ztb/ztb2.jpg"></a>
                                </div>
                                <!--<div class="swiper-slide">
        <a href="http://192.168.1.90:8011/WebAdmin/"><img src="img/toubiaoBan_01.jpg"></a>
    </div>-->
                            </div>
							<div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
						</div>
						<div class="">
							<div class="bidsform flew acc">
								<a class="btn bidsformPad" @click="toBackground">发布招标</a>
								<div class="checkNum">
									<input type="text" placeholder="验证码" v-model='inputRandomNum' />
									<div class="checkCode">{{randomNum}}</div>
								</div>
								<div class="bidsSearch">
									<input type="text" placeholder="搜索关键字" v-model='searchContent' />
									<button class="btn icon" @click="search">&#xe6b5;&nbsp;搜索</button>
								</div>
								<a class="btn" @click="toBackground">发布招标</a>
							</div>
							<div class="classSelectBtn" data-type="0">显示筛选&nbsp;&dArr;</div>
							<div class="classSelect">
								<div class="classLi fles">
									<div class="classHd">招标分类： </div>
									<div class="classCtx fles acc">
										<p :class="buildClass == item?'cur':''" v-for='item in buildClassArr' @click="tapBuildClass(item)">{{item}}</p>
									</div>
								</div>
								<div class="classLi fles">
									<div class="classHd">区域： </div>
									<div class="classCtx fles acc">
										<p :class="city==item?'cur':''" v-for='item in cityArr' @click="tapCity(item)">{{item}}</p>
									</div>
								</div>
							</div>
							<table>
								<tr class="tableHd">
									<th>项目名称</th>
									<th>地区</th>
									<th>类别</th>
									<th>截止日期</th>
									<th>发布日期</th>
								</tr>
								<tr v-for="item in initData" :key='item.ID' v-show='initData'>
									<td class="table_title" :class="item.IsSetTop?'setTop':''">
										<a @click="tobids(item.ID)">{{item.ProName}}</a>
									</td>
									<td>{{item.Address}}</td>
									<td>{{item.CatalogID}}</td>
									<td>{{item.TenderEnd}}</td>
									<td>{{item.TenderBegin}}</td>
								</tr>
							</table>
							<div v-show='!initData' style="width: 100%; text-align:center;">
								<img src="img/wuhongbao.png" alt="" style='margin-top: 10px;' />
								<p>暂无数据!</p>
							</div>
							<!--分页-->
							<div class="f_page" v-if='totalPage>0' style="padding-top: 20px">
								<ul>
									<li class="quo" @click="maxLeftClick">
										<a>&laquo;</a>
									</li>
									<li>
										<a @click="leftClick">&larr;</a>
									</li>
									<li :class="currentPage==i?'cur':''" v-for='i in pageArr' @click="clickTarget(i)">
										<a>{{i}}</a>
									</li>
									<li>
										<a @click="rightClick">&rarr;</a>
									</li>
									<li class="quo" @click="maxRightClick">
										<a>&raquo;</a>
									</li>
								</ul>
								<ol class="fles">
									<li><input type="text" placeholder="1" v-model='currentPages' /></li>
									<li class="go" @click="goPage">
										<a><b>Go</b></a>
									</li>
								</ol>
							</div>
						</div>
					</div>

				</div>
			</div>
			<footers></footers>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<script src='js/header.js'></script>
		<script src='js/nav.js'></script>
		<script src='js/page.js'></script>
		<script src='js/footer.js'></script>
		<script src='js/bidsList.js'></script>
	</body>

</html>